<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>Raqba - Real Estate HTML Template | Home Page 02</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<!--Color Switcher Mockup-->
<link href="css/color-switcher-design.css" rel="stylesheet">

<!--Color Themes-->
<link id="theme-color-file" href="css/color-themes/default-theme.css" rel="stylesheet">

<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>

<div class="page-wrapper">
    <!-- Preloader -->
    <div class="preloader"></div>
    
    <!-- Main Header-->
    <header class="main-header header-style-two">
        <!-- Header Upper -->
        <div th:include="header :: headname"></div>
        <!--End Header Lower-->

        <!-- Sticky Header  -->
        <div class="sticky-header">
            <div class="auto-container clearfix">
                <!--Logo-->
                <div class="logo pull-left">
                    <a href="index.html" title=""><img src="images/icons/empty.png" data-src="images/logo-small.png" alt="" title=""></a>
                </div>
                <!--Right Col-->
                <div class="nav-outer pull-right">
                    <!--Mobile Navigation Toggler-->
                    <div class="mobile-nav-toggler"><span class="icon flaticon-menu"></span></div>
                    
                    <!-- Main Menu -->
                    <nav class="main-menu navbar-expand-lg">
                        <div class="navbar-collapse collapse clearfix">
                             <ul class="navigation clearfix"><!--Keep This Empty / Menu will come through Javascript--></ul>
                        </div>
                    </nav><!-- Main Menu End-->
                </div>
            </div>
        </div><!-- End Sticky Menu -->

        <!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            <div class="close-btn"><span class="icon flaticon-cancel-1"></span></div>
            
            <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
            <nav class="menu-box">
                <div class="nav-logo"><a href="index.html"><img src="images/icons/empty.png" data-src="images/logo.png" alt="" title=""></a></div>
                
                <ul class="navigation clearfix"><!--Keep This Empty / Menu will come through Javascript--></ul>
            </nav>
        </div><!-- End Mobile Menu -->
    </header>
    <!--End Main Header -->

    <!-- Banner Section -->
    <section class="banner-section-two">
        <div class="banner-carousel-two owl-carousel owl-theme">
            <!-- Slide Item -->
            <div class="slide-item" style="background-image: url(images/main-slider/2.jpg);">
                <div class="auto-container">

                    <div class="content-box clearfix">
                        <div class="left-content">
                            <div class="status"><span>Lexury Home</span></div>
                            <h2>Residence Here</h2>
                            <div class="text">Whether you’re looking to  sell or let your home or want to buy or rent a  home, we really are the people for you to come to.</div>
                            <div class="btn-box"><a href="property-detail.html" class="theme-btn btn-style-two"><span class="btn-title">Read More</span></a></div>
                        </div>

                        <div class="right-content">
                            <span class="tag">Sale price</span>
                            <span class="price">$ 367,124</span>
                            <span class="avail">Avalibale: Right Now</span>
                        </div>
                    </div>
                </div>
            </div>

                        <!-- Slide Item -->
            <div class="slide-item" style="background-image: url(images/main-slider/3.jpg);">
                <div class="auto-container">

                    <div class="content-box clearfix">
                        <div class="left-content">
                            <div class="status"><span>Lexury Home</span></div>
                            <h2>Residence Here</h2>
                            <div class="text">Whether you’re looking to  sell or let your home or want to buy or rent a  home, we really are the people for you to come to.</div>
                            <div class="btn-box"><a href="property-detail.html" class="theme-btn btn-style-two"><span class="btn-title">Read More</span></a></div>
                        </div>

                        <div class="right-content">
                            <span class="tag">Sale price</span>
                            <span class="price">$ 456,124</span>
                            <span class="avail">Avalibale: Right Now</span>
                        </div>
                    </div>
                </div>
            </div>

                        <!-- Slide Item -->
            <div class="slide-item" style="background-image: url(images/main-slider/1.jpg);">
                <div class="auto-container">

                    <div class="content-box clearfix">
                        <div class="left-content">
                            <div class="status"><span>Lexury Home</span></div>
                            <h2>Residence Here</h2>
                            <div class="text">Whether you’re looking to  sell or let your home or want to buy or rent a  home, we really are the people for you to come to.</div>
                            <div class="btn-box"><a href="property-detail.html" class="theme-btn btn-style-two"><span class="btn-title">Read More</span></a></div>
                        </div>

                        <div class="right-content">
                            <span class="tag">Sale price</span>
                            <span class="price">$ 789,124</span>
                            <span class="avail">Avalibale: Right Now</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End Banner Section -->
    
    <!-- Property Search Section -->
    <section class="property-search-section style-two">
        <div class="auto-container">
            <div class="property-search-form-two wow fadeInUp">
                <div class="title"><h5>Search For Prooerties</h5></div>
                <div class="form-inner">
                    <form method="post" action="index.html">
                        <div class="row">
                            <!-- Form Group -->
                            <div class="form-group col-lg-3 col-md-6 col-sm-12">
                                <label>Choose The City</label>
                                <select class="custom-select-box">
                                    <option>New York</option>
                                    <option>Nepal</option>
                                    <option>Swaziland</option>
                                    <option>Oman</option>
                                    <option>Chad</option>
                                    <option>Mauritius</option>
                                    <option>Qatar</option>
                                </select>
                            </div>

                            <!-- Form Group -->
                            <div class="form-group col-lg-3 col-md-6 col-sm-12">
                                <label>Location</label>
                                <select class="custom-select-box">
                                    <option>National Parks</option>
                                    <option>National Parks</option>
                                    <option>National Parks</option>
                                    <option>National Parks</option>
                                    <option>National Parks</option>
                                    <option>National Parks</option>
                                    <option>National Parks</option>
                                </select>
                            </div>

                            <!-- Form Group -->
                            <div class="form-group col-lg-3 col-md-6 col-sm-12">
                                <label>Property Status</label>
                                <select class="custom-select-box">
                                    <option>Appartment</option>
                                    <option>Special Purpose</option>
                                    <option>Multifamily</option>
                                    <option>Industrial</option>
                                    <option>Office</option>
                                    <option>Hotel</option>
                                    <option>Retail</option>
                                </select>
                            </div>

                            <!-- Form Group -->
                            <div class="form-group col-lg-3 col-md-6 col-sm-12">
                                <label>Property Type</label>
                                <select class="custom-select-box">
                                    <option>Choose</option>
                                    <option>Special Purpose</option>
                                    <option>Multifamily</option>
                                    <option>Industrial</option>
                                    <option>Office</option>
                                    <option>Hotel</option>
                                    <option>Retail</option>
                                </select>
                            </div>

                            <!-- Form Group -->
                            <div class="form-group col-lg-3 col-md-6 col-sm-12">
                                <label>No of Bedrooms</label>
                                <select class="custom-select-box">
                                    <option>Any Bedrooms</option>
                                    <option>01 Bedroom</option>
                                    <option>02 Bedroom</option>
                                    <option>03 Bedroom</option>
                                    <option>04 Bedroom</option>
                                    <option>05 Bedroom</option>
                                </select>
                            </div>

                            <!-- Form Group -->
                            <div class="form-group col-lg-3 col-md-6 col-sm-12">
                                <label>No of Bathrooms</label>
                                <select class="custom-select-box">
                                    <option>Any Bathrooms</option>
                                    <option>01 Bathrooms</option>
                                    <option>02 Bathrooms</option>
                                    <option>03 Bathrooms</option>
                                    <option>04 Bathrooms</option>
                                    <option>05 Bathrooms</option>
                                </select>
                            </div>

                            <!-- Form Group -->
                            <div class="form-group col-lg-3 col-md-6 col-sm-12">
                                <label>Minimum Price</label>
                                <select class="custom-select-box">
                                    <option>$1000</option>
                                    <option>$5000</option>
                                    <option>$10000</option>
                                    <option>$20000</option>
                                    <option>$50000</option>
                                    <option>$100000</option>
                                </select>
                            </div>

                            <!-- Form Group -->
                            <div class="form-group col-lg-3 col-md-6 col-sm-12">
                                <label>Maximum Price</label>
                                <select class="custom-select-box">
                                    <option>$1000</option>
                                    <option>$5000</option>
                                    <option>$10000</option>
                                    <option>$20000</option>
                                    <option>$50000</option>
                                    <option>$100000</option>
                                </select>
                            </div>

                            <!-- Form Group -->
                            <div class="form-group col-lg-12 col-md-6 col-sm-12 text-center">
                                <button type="submit" class="theme-btn btn-style-one"><span class="btn-title">Search now</span></button>
                            </div>
                        </div>
                    </form>
                    
                </div>
            </div>
        </div>
    </section>
    <!-- End Property Search Section -->

    <!-- Property Section Two -->
    <section class="property-section-two">
        <div class="auto-container">
            <div class="sec-title text-center">
                <div class="devider"><span></span></div>
                <h2>Newest Properties</h2>
                <div class="text">Find Your Home in Your City</div>
            </div>

            <div class="row">
                <!-- Property Block -->
                <div class="property-block-two col-xl-4 col-lg-6 col-md-6 col-sm-12 wow fadeInUp">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><a href="property-detail.html"><img src="images/icons/empty.png" data-src="images/resource/property-1.jpg" alt=""></a></figure>
                            <span class="for">FOR SALE</span>
                        </div>
                        <div class="lower-content">
                            <ul class="property-info clearfix">
                                <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                            </ul>
                            <h3><a href="property-detail.html">Trentino-Alto Adige</a></h3>
                            <div class="text">Join the 350,000 daily users who have relied on Movoto to find the perfect home. </div>
                        </div>
                        <div class="property-price clearfix">
                            <div class="location"><span class="icon fa fa-map-marker-alt"></span> 568 E 1st Ave, Ney Jersey</div>
                            <div class="price">$ 765,300</div>
                        </div>
                    </div>
                </div>

                <!-- Property Block -->
                <div class="property-block-two col-xl-4 col-lg-6 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><a href="property-detail.html"><img src="images/icons/empty.png" data-src="images/resource/property-2.jpg" alt=""></a></figure>
                            <span class="for">FOR SALE</span>
                        </div>
                        <div class="lower-content">
                            <ul class="property-info clearfix">
                                <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                            </ul>
                            <h3><a href="property-detail.html">Friuli-Venezia Giulia</a></h3>
                            <div class="text">Join the 350,000 daily users who have relied on Movoto to find the perfect home. </div>
                        </div>
                        <div class="property-price clearfix">
                            <div class="location"><span class="icon fa fa-map-marker-alt"></span> 568 E 1st Ave, Ney Jersey</div>
                            <div class="price">$ 765,300</div>
                        </div>
                    </div>
                </div>

                <!-- Property Block -->
                <div class="property-block-two col-xl-4 col-lg-6 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="800ms">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><a href="property-detail.html"><img src="images/icons/empty.png" data-src="images/resource/property-3.jpg" alt=""></a></figure>
                            <span class="for">FOR SALE</span>
                        </div>
                        <div class="lower-content">
                            <ul class="property-info clearfix">
                                <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                            </ul>
                            <h3><a href="property-detail.html">San Marino</a></h3>
                            <div class="text">Join the 350,000 daily users who have relied on Movoto to find the perfect home. </div>
                        </div>
                        <div class="property-price clearfix">
                            <div class="location"><span class="icon fa fa-map-marker-alt"></span> 568 E 1st Ave, Ney Jersey</div>
                            <div class="price">$ 765,300</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End Property Section Two -->

    <!-- Services Section -->
    <section class="services-section">
        <div class="auto-container">
            <div class="sec-title text-center">
                <div class="devider"><span></span></div>
                <h2>Property Services</h2>
                <div class="text">We are Offering the Best Real Estate</div>
            </div>

            <div class="row">
                <!-- Image Column -->
                <div class="image-column col-xl-4 col-lg-12 col-md-12 col-sm-12 order-2">
                    <div class="image-box">
                        <figure class="image"><a href="images/resource/image-2.jpg" class="lightbox-image"><img src="images/icons/empty.png" data-src="images/resource/image-2.jpg" alt=""></a></figure>
                    </div>
                </div>

                <!-- Service Column / Left Column-->
                <div class="service-column left-column col-lg-4 col-md-6 col-sm-12">
                    <div class="inner-column">
                        <!-- Service Block -->
                        <div class="service-block wow fadeInUp">
                            <div class="inner-box">
                                <span class="icon flaticon-house"></span>
                                <h4><a href="services.html">Homes For Sale</a></h4>
                                <div class="text">Here are the beautiful homes that are available for sale.</div>
                            </div>
                        </div>

                        <!-- Service Block -->
                        <div class="service-block wow fadeInUp">
                            <div class="inner-box">
                                <span class="icon flaticon-rent"></span>
                                <h4><a href="services.html">Homes For Rent</a></h4>
                                <div class="text">Here are the beautiful homes that are available for sale.</div>
                            </div>
                        </div>

                        <!-- Service Block -->
                        <div class="service-block wow fadeInUp">
                            <div class="inner-box">
                                <span class="icon flaticon-architecture-and-city"></span>
                                <h4><a href="services.html">Homes For Mortgage</a></h4>
                                <div class="text">Here are the beautiful homes that are available for sale.</div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Service Column / Right Column -->
                <div class="service-column right-column col-lg-4 col-md-6 col-sm-12 order-3">
                    <div class="inner-column">
                        <!-- Service Block -->
                        <div class="service-block wow fadeInUp">
                            <div class="inner-box">
                                <span class="icon flaticon-buyer"></span>
                                <h4><a href="services.html">Matching Buyer</a></h4>
                                <div class="text">Here are the beautiful homes that are available for sale.</div>
                            </div>
                        </div>

                        <!-- Service Block -->
                        <div class="service-block wow fadeInUp">
                            <div class="inner-box">
                                <span class="icon flaticon-analytics"></span>
                                <h4><a href="services.html">Price Analysis</a></h4>
                                <div class="text">Here are the beautiful homes that are available for sale.</div>
                            </div>
                        </div>

                        <!-- Service Block -->
                        <div class="service-block wow fadeInUp">
                            <div class="inner-box">
                                <span class="icon flaticon-house-3"></span>
                                <h4><a href="services.html">Homes On Lease</a></h4>
                                <div class="text">Here are the beautiful homes that are available for sale.</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End Services Section -->

    <!--features-properties Properties-->
    <section class="features-properties">
        <div class="auto-container">
            <div class="sec-title text-center light">
                <div class="devider"><span></span></div>
                <h2>Property Services</h2>
                <div class="text">We are Offering the Best Real Estate</div>
            </div>

            <!--Porfolio Tabs-->
            <div class="property-tab">
                <div class="row">
                    <div class="btns-column col-xl-3 col-lg-4 col-md-12 col-sm-12">
                        <div class="tab-btns-box">
                            <!--Tabs Header-->
                            <div class="tabs-header">
                                <ul class="product-tab-btns clearfix">
                                    <li class="p-tab-btn" data-tab="#p-tab-1">House</li>
                                    <li class="p-tab-btn active-btn" data-tab="#p-tab-2">Bar</li>
                                    <li class="p-tab-btn" data-tab="#p-tab-3">Farm</li>
                                    <li class="p-tab-btn" data-tab="#p-tab-4">Villa</li>
                                    <li class="p-tab-btn" data-tab="#p-tab-5">Restaurant</li>
                                    <li class="p-tab-btn" data-tab="#p-tab-6">Apartment</li>
                                </ul>
                            </div>
                            <div class="btn-box"><a href="property-grid-view.html" class="theme-btn btn-style-five"><span class="btn-title">View All Property</span></a></div>
                        </div>
                    </div>

                    <div class="blocks-column col-xl-9 col-lg-8 col-md-12 col-sm-12">
                        <!--Tabs Content-->  
                        <div class="p-tabs-content">
                            <!--Portfolio Tab -->
                            <div class="p-tab" id="p-tab-1">
                                <div class="single-item-carousel owl-theme owl-carousel">
                                    <!--Property Block-->
                                    <div class="property-block-three">
                                        <div class="inner-box">
                                            <figure class="image-box">
                                                <img src="images/icons/empty.png" data-src="images/resource/feature-property.jpg" alt="">
                                            </figure>
                                            <div class="lower-content clearfix">
                                                <!-- Left Column -->
                                                <div class="left-column">
                                                    <h3><a href="property-detail.html">Villa In 974 Valencia St San Francisco</a></h3>
                                                    <ul class="property-info clearfix">
                                                        <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                                        <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                                        <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                                                    </ul>
                                                </div>
                                                <!-- Right Column -->
                                                <div class="right-column">
                                                    <span class="status">For Sale</span>
                                                    <div class="price">$ 2000 / <span>Per Month</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!--Property Block-->
                                    <div class="property-block-three">
                                        <div class="inner-box">
                                            <figure class="image-box">
                                                <img src="images/icons/empty.png" data-src="images/resource/feature-property-2.jpg" alt="">
                                            </figure>
                                            <div class="lower-content clearfix">
                                                <!-- Left Column -->
                                                <div class="left-column">
                                                    <h3><a href="property-detail.html">Villa In 974 Valencia St San Francisco</a></h3>
                                                    <ul class="property-info clearfix">
                                                        <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                                        <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                                        <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                                                    </ul>
                                                </div>
                                                <!-- Right Column -->
                                                <div class="right-column">
                                                    <span class="status">For Sale</span>
                                                    <div class="price">$ 2000 / <span>Per Month</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!--Property Block-->
                                    <div class="property-block-three">
                                        <div class="inner-box">
                                            <figure class="image-box">
                                                <img src="images/icons/empty.png" data-src="images/resource/feature-property.jpg" alt="">
                                            </figure>
                                            <div class="lower-content clearfix">
                                                <!-- Left Column -->
                                                <div class="left-column">
                                                    <h3><a href="property-detail.html">Villa In 974 Valencia St San Francisco</a></h3>
                                                    <ul class="property-info clearfix">
                                                        <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                                        <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                                        <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                                                    </ul>
                                                </div>
                                                <!-- Right Column -->
                                                <div class="right-column">
                                                    <span class="status">For Sale</span>
                                                    <div class="price">$ 2000 / <span>Per Month</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!--Property Tab / Active Tab -->
                            <div class="p-tab active-tab" id="p-tab-2">
                                <div class="single-item-carousel owl-theme owl-carousel">
                                    <!--Property Block-->
                                    <div class="property-block-three">
                                        <div class="inner-box">
                                            <figure class="image-box">
                                                <img src="images/icons/empty.png" data-src="images/resource/feature-property-2.jpg" alt="">
                                            </figure>
                                            <div class="lower-content clearfix">
                                                <!-- Left Column -->
                                                <div class="left-column">
                                                    <h3><a href="property-detail.html">Villa In 974 Valencia St San Francisco</a></h3>
                                                    <ul class="property-info clearfix">
                                                        <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                                        <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                                        <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                                                    </ul>
                                                </div>
                                                <!-- Right Column -->
                                                <div class="right-column">
                                                    <span class="status">For Sale</span>
                                                    <div class="price">$ 2000 / <span>Per Month</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!--Property Block-->
                                    <div class="property-block-three">
                                        <div class="inner-box">
                                            <figure class="image-box">
                                                <img src="images/icons/empty.png" data-src="images/resource/feature-property.jpg" alt="">
                                            </figure>
                                            <div class="lower-content clearfix">
                                                <!-- Left Column -->
                                                <div class="left-column">
                                                    <h3><a href="property-detail.html">Villa In 974 Valencia St San Francisco</a></h3>
                                                    <ul class="property-info clearfix">
                                                        <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                                        <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                                        <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                                                    </ul>
                                                </div>
                                                <!-- Right Column -->
                                                <div class="right-column">
                                                    <span class="status">For Sale</span>
                                                    <div class="price">$ 2000 / <span>Per Month</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!--Property Block-->
                                    <div class="property-block-three">
                                        <div class="inner-box">
                                            <figure class="image-box">
                                                <img src="images/icons/empty.png" data-src="images/resource/feature-property-2.jpg" alt="">
                                            </figure>
                                            <div class="lower-content clearfix">
                                                <!-- Left Column -->
                                                <div class="left-column">
                                                    <h3><a href="property-detail.html">Villa In 974 Valencia St San Francisco</a></h3>
                                                    <ul class="property-info clearfix">
                                                        <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                                        <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                                        <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                                                    </ul>
                                                </div>
                                                <!-- Right Column -->
                                                <div class="right-column">
                                                    <span class="status">For Sale</span>
                                                    <div class="price">$ 2000 / <span>Per Month</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!--Portfolio Tab-->
                            <div class="p-tab" id="p-tab-3">
                                <div class="single-item-carousel owl-theme owl-carousel">
                                    <!--Property Block-->
                                    <div class="property-block-three">
                                        <div class="inner-box">
                                            <figure class="image-box">
                                                <img src="images/icons/empty.png" data-src="images/resource/feature-property.jpg" alt="">
                                            </figure>
                                            <div class="lower-content clearfix">
                                                <!-- Left Column -->
                                                <div class="left-column">
                                                    <h3><a href="property-detail.html">Villa In 974 Valencia St San Francisco</a></h3>
                                                    <ul class="property-info clearfix">
                                                        <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                                        <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                                        <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                                                    </ul>
                                                </div>
                                                <!-- Right Column -->
                                                <div class="right-column">
                                                    <span class="status">For Sale</span>
                                                    <div class="price">$ 2000 / <span>Per Month</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!--Property Block-->
                                    <div class="property-block-three">
                                        <div class="inner-box">
                                            <figure class="image-box">
                                                <img src="images/icons/empty.png" data-src="images/resource/feature-property-2.jpg" alt="">
                                            </figure>
                                            <div class="lower-content clearfix">
                                                <!-- Left Column -->
                                                <div class="left-column">
                                                    <h3><a href="property-detail.html">Villa In 974 Valencia St San Francisco</a></h3>
                                                    <ul class="property-info clearfix">
                                                        <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                                        <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                                        <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                                                    </ul>
                                                </div>
                                                <!-- Right Column -->
                                                <div class="right-column">
                                                    <span class="status">For Sale</span>
                                                    <div class="price">$ 2000 / <span>Per Month</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!--Property Block-->
                                    <div class="property-block-three">
                                        <div class="inner-box">
                                            <figure class="image-box">
                                                <img src="images/icons/empty.png" data-src="images/resource/feature-property.jpg" alt="">
                                            </figure>
                                            <div class="lower-content clearfix">
                                                <!-- Left Column -->
                                                <div class="left-column">
                                                    <h3><a href="property-detail.html">Villa In 974 Valencia St San Francisco</a></h3>
                                                    <ul class="property-info clearfix">
                                                        <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                                        <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                                        <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                                                    </ul>
                                                </div>
                                                <!-- Right Column -->
                                                <div class="right-column">
                                                    <span class="status">For Sale</span>
                                                    <div class="price">$ 2000 / <span>Per Month</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!--Portfolio Tab-->
                            <div class="p-tab" id="p-tab-4">
                                <div class="single-item-carousel owl-theme owl-carousel">
                                    <!--Property Block-->
                                    <div class="property-block-three">
                                        <div class="inner-box">
                                            <figure class="image-box">
                                                <img src="images/icons/empty.png" data-src="images/resource/feature-property-2.jpg" alt="">
                                            </figure>
                                            <div class="lower-content clearfix">
                                                <!-- Left Column -->
                                                <div class="left-column">
                                                    <h3><a href="property-detail.html">Villa In 974 Valencia St San Francisco</a></h3>
                                                    <ul class="property-info clearfix">
                                                        <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                                        <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                                        <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                                                    </ul>
                                                </div>
                                                <!-- Right Column -->
                                                <div class="right-column">
                                                    <span class="status">For Sale</span>
                                                    <div class="price">$ 2000 / <span>Per Month</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!--Property Block-->
                                    <div class="property-block-three">
                                        <div class="inner-box">
                                            <figure class="image-box">
                                                <img src="images/icons/empty.png" data-src="images/resource/feature-property.jpg" alt="">
                                            </figure>
                                            <div class="lower-content clearfix">
                                                <!-- Left Column -->
                                                <div class="left-column">
                                                    <h3><a href="property-detail.html">Villa In 974 Valencia St San Francisco</a></h3>
                                                    <ul class="property-info clearfix">
                                                        <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                                        <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                                        <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                                                    </ul>
                                                </div>
                                                <!-- Right Column -->
                                                <div class="right-column">
                                                    <span class="status">For Sale</span>
                                                    <div class="price">$ 2000 / <span>Per Month</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!--Property Block-->
                                    <div class="property-block-three">
                                        <div class="inner-box">
                                            <figure class="image-box">
                                                <img src="images/icons/empty.png" data-src="images/resource/feature-property-2.jpg" alt="">
                                            </figure>
                                            <div class="lower-content clearfix">
                                                <!-- Left Column -->
                                                <div class="left-column">
                                                    <h3><a href="property-detail.html">Villa In 974 Valencia St San Francisco</a></h3>
                                                    <ul class="property-info clearfix">
                                                        <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                                        <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                                        <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                                                    </ul>
                                                </div>
                                                <!-- Right Column -->
                                                <div class="right-column">
                                                    <span class="status">For Sale</span>
                                                    <div class="price">$ 2000 / <span>Per Month</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!--Portfolio Tab-->
                            <div class="p-tab" id="p-tab-5">
                                <div class="single-item-carousel owl-theme owl-carousel">
                                    <!--Property Block-->
                                    <div class="property-block-three">
                                        <div class="inner-box">
                                            <figure class="image-box">
                                                <img src="images/icons/empty.png" data-src="images/resource/feature-property.jpg" alt="">
                                            </figure>
                                            <div class="lower-content clearfix">
                                                <!-- Left Column -->
                                                <div class="left-column">
                                                    <h3><a href="property-detail.html">Villa In 974 Valencia St San Francisco</a></h3>
                                                    <ul class="property-info clearfix">
                                                        <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                                        <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                                        <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                                                    </ul>
                                                </div>
                                                <!-- Right Column -->
                                                <div class="right-column">
                                                    <span class="status">For Sale</span>
                                                    <div class="price">$ 2000 / <span>Per Month</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!--Property Block-->
                                    <div class="property-block-three">
                                        <div class="inner-box">
                                            <figure class="image-box">
                                                <img src="images/icons/empty.png" data-src="images/resource/feature-property-2.jpg" alt="">
                                            </figure>
                                            <div class="lower-content clearfix">
                                                <!-- Left Column -->
                                                <div class="left-column">
                                                    <h3><a href="property-detail.html">Villa In 974 Valencia St San Francisco</a></h3>
                                                    <ul class="property-info clearfix">
                                                        <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                                        <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                                        <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                                                    </ul>
                                                </div>
                                                <!-- Right Column -->
                                                <div class="right-column">
                                                    <span class="status">For Sale</span>
                                                    <div class="price">$ 2000 / <span>Per Month</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!--Property Block-->
                                    <div class="property-block-three">
                                        <div class="inner-box">
                                            <figure class="image-box">
                                                <img src="images/icons/empty.png" data-src="images/resource/feature-property.jpg" alt="">
                                            </figure>
                                            <div class="lower-content clearfix">
                                                <!-- Left Column -->
                                                <div class="left-column">
                                                    <h3><a href="property-detail.html">Villa In 974 Valencia St San Francisco</a></h3>
                                                    <ul class="property-info clearfix">
                                                        <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                                        <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                                        <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                                                    </ul>
                                                </div>
                                                <!-- Right Column -->
                                                <div class="right-column">
                                                    <span class="status">For Sale</span>
                                                    <div class="price">$ 2000 / <span>Per Month</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--Portfolio Tab-->
                            <div class="p-tab" id="p-tab-6">
                                <div class="single-item-carousel owl-theme owl-carousel">
                                    <!--Property Block-->
                                    <div class="property-block-three">
                                        <div class="inner-box">
                                            <figure class="image-box">
                                                <img src="images/icons/empty.png" data-src="images/resource/feature-property-2.jpg" alt="">
                                            </figure>
                                            <div class="lower-content clearfix">
                                                <!-- Left Column -->
                                                <div class="left-column">
                                                    <h3><a href="property-detail.html">Villa In 974 Valencia St San Francisco</a></h3>
                                                    <ul class="property-info clearfix">
                                                        <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                                        <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                                        <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                                                    </ul>
                                                </div>
                                                <!-- Right Column -->
                                                <div class="right-column">
                                                    <span class="status">For Sale</span>
                                                    <div class="price">$ 2000 / <span>Per Month</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!--Property Block-->
                                    <div class="property-block-three">
                                        <div class="inner-box">
                                            <figure class="image-box">
                                                <img src="images/icons/empty.png" data-src="images/resource/feature-property.jpg" alt="">
                                            </figure>
                                            <div class="lower-content clearfix">
                                                <!-- Left Column -->
                                                <div class="left-column">
                                                    <h3><a href="property-detail.html">Villa In 974 Valencia St San Francisco</a></h3>
                                                    <ul class="property-info clearfix">
                                                        <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                                        <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                                        <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                                                    </ul>
                                                </div>
                                                <!-- Right Column -->
                                                <div class="right-column">
                                                    <span class="status">For Sale</span>
                                                    <div class="price">$ 2000 / <span>Per Month</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!--Property Block-->
                                    <div class="property-block-three">
                                        <div class="inner-box">
                                            <figure class="image-box">
                                                <img src="images/icons/empty.png" data-src="images/resource/feature-property-2.jpg" alt="">
                                            </figure>
                                            <div class="lower-content clearfix">
                                                <!-- Left Column -->
                                                <div class="left-column">
                                                    <h3><a href="property-detail.html">Villa In 974 Valencia St San Francisco</a></h3>
                                                    <ul class="property-info clearfix">
                                                        <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                                        <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                                        <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                                                    </ul>
                                                </div>
                                                <!-- Right Column -->
                                                <div class="right-column">
                                                    <span class="status">For Sale</span>
                                                    <div class="price">$ 2000 / <span>Per Month</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>                    
            </div>
        </div>
    </section>
    <!--End Project Section-->

     <!-- Why Choose Us -->
    <section class="why-choose-us">
        <div class="auto-container">
            <div class="row">
                <!-- Info Column -->
                <div class="info-column col-xl-6 col-lg-6 col-md-12 col-sm-12">
                    <div class="inner-column">
                        <div class="sec-title">
                            <div class="devider"><span></span></div>
                            <h2>WELCOME TO RAQBA</h2>
                            <div class="text">We always provide property to our customer</div>
                        </div>
                        <div class="text-box">
                            <p>Citizens of distant epochs. Jean-François Champollion explorations? Raqba is the seed of intelligence from which we spring paroxysm of global death dream of the mind's eye rogue.Science laws of physics consciousness. Dispassionate extraterrestrial observer hundreds of thousands kindling the energy hidden .</p>
                        </div>

                        <div class="row features">
                            <!-- Feature Block -->
                            <div class="feature-block-two col-lg-6 col-md-6 col-sm-12">
                                <div class="inner-box">
                                    <span class="icon flaticon-rent-1"></span>
                                    <h4><a href="about.html">Lose Cost</a></h4>
                                    <div class="text">Looking Raqba Property</div>
                                </div>
                            </div>

                            <!-- Feature Block -->
                            <div class="feature-block-two col-lg-6 col-md-6 col-sm-12">
                                <div class="inner-box">
                                    <span class="icon flaticon-analytics"></span>
                                    <h4><a href="about.html">Good Marketing</a></h4>
                                    <div class="text">Looking Raqba Property</div>
                                </div>
                            </div>

                            <!-- Feature Block -->
                            <div class="feature-block-two col-lg-6 col-md-6 col-sm-12">
                                <div class="inner-box">
                                    <span class="icon flaticon-home-2"></span>
                                    <h4><a href="about.html">Easy to Find</a></h4>
                                    <div class="text">Looking Raqba Property</div>
                                </div>
                            </div>

                            <!-- Feature Block -->
                            <div class="feature-block-two col-lg-6 col-md-6 col-sm-12">
                                <div class="inner-box">
                                    <span class="icon flaticon-protect"></span>
                                    <h4><a href="about.html">Reliable</a></h4>
                                    <div class="text">Looking Raqba Property</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- image Column -->
                <div class="image-column col-xl-6 col-lg-6 col-md-12 col-sm-12">
                    <div class="image-box wow fadeInRight">
                        <figure class="image"><img src="images/icons/empty.png" data-src="images/resource/image-3.jpg" alt=""></figure>
                        <div class="contact-info">
                            <span class="icon fa fa-phone-volume"></span> 
                            <a href="tel:+8236558625" class="number">+82 365 586 25</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Why Choose Us -->

    <!-- Fun Facts Section -->
    <section class="fun-facts-section">
        <div class="auto-container">
            <div class="fun-facts">
                <div class="row clearfix">
                    <!--Column-->
                    <div class="column count-box col-lg-3 col-md-6 col-sm-12 wow fadeInUp">
                        <div class="content">
                            <div class="icon-box"><span class="fa fa-home"></span></div>
                            <div class="count-outer count-box">
                                <span class="count-text" data-speed="3000" data-stop="856">0 </span>
                            </div>
                            <div class="counter-title">Complete Project</div>
                        </div>
                    </div>
                    
                    <!--Column-->
                    <div class="column count-box col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
                        <div class="content">
                            <div class="icon-box"><span class="fa fa-key"></span></div>
                            <div class="count-outer count-box">
                                +<span class="count-text" data-speed="2000" data-stop="99">0 </span>
                            </div>
                            <div class="counter-title">Property Sold</div>
                        </div>
                    </div>
                    

                    <!--Column-->
                    <div class="column count-box col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="800ms">
                        <div class="content">
                            <div class="icon-box"><span class="fa fa-smile"></span></div>
                            <div class="count-outer count-box">
                                <span class="count-text" data-speed="2000" data-stop="450">0 </span>
                            </div>
                            <div class="counter-title">Happy Clients</div>
                        </div>
                    </div>
                    
                    <!--Column-->
                    <div class="column count-box col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="1200ms">
                        <div class="content">
                            <div class="icon-box"><span class="fa fa-trophy"></span></div>
                            <div class="count-outer count-box">
                                <span class="count-text" data-speed="3000" data-stop="120">0 </span>
                            </div>
                            <div class="counter-title">Awards Win</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End Fun Fact Section -->

    <!-- Testimonial Section -->
    <section class="testimonial-section-two">
        <div class="auto-container">
            <div class="sec-title text-center">
                <div class="devider"><span></span></div>
                <h2>What Our Client Says</h2>
                <div class="text">Find Your Dream House in Your City</div>
            </div>

            <div class="testimonial-carousel owl-carousel owl-theme">
                <!-- Testimonial Block -->
                <div class="testimonial-block-two">
                    <div class="inner-box">
                        <div class="info-box">
                            <figure class="thumb"><img src="images/icons/empty.png" data-src="images/resource/testi-thumb-3.jpg" alt=""></figure>
                            <h4 class="name">Virgina Holland</h4>
                            <span class="designation">Manager</span>
                            <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span></div>
                        </div>
                        <div class="text">Temporibus quibusdam officiis debitis is aut rerum necessitatibus saepes eveniet seo lage voluptates repudiandae sint et molestiae non for Creating futures through building pres Creating preservation quibusdam.</div>
                        <span class="icon fa fa-quote-right"></span>
                    </div>
                </div>

                <!-- Testimonial Block -->
                <div class="testimonial-block-two">
                    <div class="inner-box">
                        <div class="info-box">
                            <figure class="thumb"><img src="images/icons/empty.png" data-src="images/resource/testi-thumb-4.jpg" alt=""></figure>
                            <h4 class="name">Joa Monira</h4>
                            <span class="designation">Manager</span>
                            <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span></div>
                        </div>
                        <div class="text">Temporibus quibusdam officiis debitis is aut rerum necessitatibus saepes eveniet seo lage voluptates repudiandae sint et molestiae non for Creating futures through building pres Creating preservation quibusdam.</div>
                        <span class="icon fa fa-quote-right"></span>
                    </div>
                </div>

                <!-- Testimonial Block -->
                <div class="testimonial-block-two">
                    <div class="inner-box">
                        <div class="info-box">
                            <figure class="thumb"><img src="images/icons/empty.png" data-src="images/resource/testi-thumb-3.jpg" alt=""></figure>
                            <h4 class="name">Virgina Holland</h4>
                            <span class="designation">Manager</span>
                            <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span></div>
                        </div>
                        <div class="text">Temporibus quibusdam officiis debitis is aut rerum necessitatibus saepes eveniet seo lage voluptates repudiandae sint et molestiae non for Creating futures through building pres Creating preservation quibusdam.</div>
                        <span class="icon fa fa-quote-right"></span>
                    </div>
                </div>

                <!-- Testimonial Block -->
                <div class="testimonial-block-two">
                    <div class="inner-box">
                        <div class="info-box">
                            <figure class="thumb"><img src="images/icons/empty.png" data-src="images/resource/testi-thumb-4.jpg" alt=""></figure>
                            <h4 class="name">Joa Monira</h4>
                            <span class="designation">Manager</span>
                            <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span></div>
                        </div>
                        <div class="text">Temporibus quibusdam officiis debitis is aut rerum necessitatibus saepes eveniet seo lage voluptates repudiandae sint et molestiae non for Creating futures through building pres Creating preservation quibusdam.</div>
                        <span class="icon fa fa-quote-right"></span>
                    </div>
                </div>

                <!-- Testimonial Block -->
                <div class="testimonial-block-two">
                    <div class="inner-box">
                        <div class="info-box">
                            <figure class="thumb"><img src="images/icons/empty.png" data-src="images/resource/testi-thumb-3.jpg" alt=""></figure>
                            <h4 class="name">Virgina Holland</h4>
                            <span class="designation">Manager</span>
                            <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span></div>
                        </div>
                        <div class="text">Temporibus quibusdam officiis debitis is aut rerum necessitatibus saepes eveniet seo lage voluptates repudiandae sint et molestiae non for Creating futures through building pres Creating preservation quibusdam.</div>
                        <span class="icon fa fa-quote-right"></span>
                    </div>
                </div>

                <!-- Testimonial Block -->
                <div class="testimonial-block-two">
                    <div class="inner-box">
                        <div class="info-box">
                            <figure class="thumb"><img src="images/icons/empty.png" data-src="images/resource/testi-thumb-4.jpg" alt=""></figure>
                            <h4 class="name">Joa Monira</h4>
                            <span class="designation">Manager</span>
                            <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span></div>
                        </div>
                        <div class="text">Temporibus quibusdam officiis debitis is aut rerum necessitatibus saepes eveniet seo lage voluptates repudiandae sint et molestiae non for Creating futures through building pres Creating preservation quibusdam.</div>
                        <span class="icon fa fa-quote-right"></span>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End Testimonial Section -->

    <!--Clients Section-->
    <section class="clients-section">
        <div class="auto-container">
            <div class="sponsors-outer">
                <!--Sponsors Carousel-->
                <ul class="sponsors-carousel owl-carousel owl-theme">
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/1.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/2.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/3.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/4.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/5.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/1.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/2.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/3.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/4.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/5.png" alt=""></a></figure></li>
                </ul>
            </div>
        </div>
    </section>
    <!--End Clients Section-->

    <!-- Main Footer -->
    <div th:include="footer :: footname"></div>
    <!-- End Main Footer -->

</div>
<!-- End Page Wrapper -->

<!-- Color Palate / Color Switcher -->
<div class="color-palate">
    <div class="color-trigger">
        <i class="fa fa-cog"></i>
    </div>
    <div class="color-palate-head">
        <h6>Choose Your Color</h6>
    </div>
    <div class="various-color clearfix">
        <div class="colors-list">
            <span class="palate default-color active" data-theme-file="css/color-themes/default-theme.css"></span>
            <span class="palate green-color" data-theme-file="css/color-themes/green-theme.css"></span>
            <span class="palate blue-color" data-theme-file="css/color-themes/blue-theme.css"></span>
            <span class="palate orange-color" data-theme-file="css/color-themes/orange-theme.css"></span>
            <span class="palate purple-color" data-theme-file="css/color-themes/purple-theme.css"></span>
            <span class="palate teal-color" data-theme-file="css/color-themes/teal-theme.css"></span>
            <span class="palate brown-color" data-theme-file="css/color-themes/brown-theme.css"></span>
            <span class="palate redd-color" data-theme-file="css/color-themes/redd-color.css"></span>
        </div>
    </div>
    
    <div class="palate-foo">
        <span>You will find much more options for colors and styling in admin panel. This color picker is used only for demonstation purposes.</span>
    </div>
</div><!-- End Color Switcher -->

<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-angle-double-up"></span></div>
<script src="js/jquery.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/isotope.js"></script>
<script src="js/appear.js"></script>
<script src="js/script.js"></script>
<!-- Color Setting -->
<script src="js/color-settings.js"></script>
</body>
</html>